<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="简介"/>
    <meta name="keywords" content="关键词"/>

    <title>公司动态</title>
    <!--引入bootstrap样式-->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<!--页头-->
<header>
    <div>
        <div class="container">
            <!--网页logo-->
            <div class="col-lg-3">
                <img src="../img/002_07.png" alt="logo" class="img-responsive">
            </div>
            <!--导航-->
            <nav>
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">产品中心</a></li>
                    <li><a href="#">公司通告</a></li>
                    <li><a href="#">企业动态</a></li>
                    <li><a href="#">防伪查询</a></li>
                </ul>
            </nav>
        </div>
    </div>
</header>

<!--内容-->
<main>
    <div class="banner">
        <!--背景图-->
        <img src="../img/banner1.jpg" alt="" class="img-responsive">
    </div>
    <!--列表-->
    <div class="container">
        <div class="article-box">
            <ul>
                <li class="media article-list">
                    <div class="col-lg-3">
                    <a class="media-left" href="#">
                        <img class="media-object" src="../img/002_01.png"
                             alt="通用的占位符图像">
                    </a>
                    </div>
                    <div class="media-body article-mr">
                        <h3 class="media-heading article-title">木植蓝黛登录东方卫视</h3>
                        <p>摘要摘要摘要摘要摘要摘要摘要摘要摘要摘要
                            摘要摘要摘要摘要摘要摘要摘要摘要摘要摘要
                            摘要摘要摘要摘要摘要摘要摘要摘要摘要摘要

                        </p>
                        <em>活动回顾</em>
                        <em>2017-07-11</em>
                    </div>
                </li>


            </ul>
            <!--底线-->
            <hr style="margin: 0;padding: 0">
        </div>
    </div>
    <!--分页标签-->
    <div class="container">
        <ul class="pagination">
            <li><a href="#">上一页</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">下一页</a></li>
        </ul>
    </div>
</main>

<!--页脚-->
<footer>
    <div class="container">
        <div class="footer-top">
            <div class="col-lg-3">
                <div class="footer-title">服务与支持</div>
                <hr>
                <div class="footer-link">
                    <ul>
                        <li><a href="">查找网店</a></li>
                        <li><a href="">售后政策</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="footer-title">关于我们</div>
                <hr>
                <div class="footer-link">
                    <ul>
                        <li><a href="">公司简介</a></li>
                        <li><a href="">联系我们</a></li>
                        <li><a href="">加入我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="footer-title">关注我们</div>
                <hr>
                <div class="footer-link">
                    <img src="../img/qrcode.jpg" alt="" class="img-responsive fl">
                    <div class="fl footer-wx">
                        <p>微信公众号</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="footer-title">客服支持</div>
                <hr>
                <div class="footer-link">
                    qq:131854541<br/>
                    phone:644654-64460<br/>
                    <small>周一到周六9点-18点</small>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>版权归木植蓝黛有限公司所有 lnc Right Reserved 京ICP备15056993号</p>
        </div>
    </div>
</footer>
</body>
<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<!--引入bootstrap的js-->
<script src="../bootstrap/js/bootstrap.js"></script>
</html>